<link rel="stylesheet" type="text/css" href="../Styles/css_main.css">

<style type="text/css">

#novo_item {
	width: 250px;
	margin-top: 90px;	
	margin-left: 40px;
	padding-left: 25%;
	position:fixed;
	
}

</style>

<div id="novo_item">

	<p id="nome_item_selecionado" align="center" style="padding-left: 30px;">Selecione um Item</p>

	<img id="img_novoItem" src = "../Content/user_avail.png" width="200" style="padding-left: 40px; padding-bottom: 10px;" alt="Adicione foto do item" onclick="document.getElementById('imgInp').click()" />
	<input hidden type="file" id="imgInp" onchange="leArquivo_NovoItem(this, 200, 100, '80px')"  />

	<label for="nmItem"><span class="texto1">Nome:</span></label>
	<input type = "text" name = "nmItem" id = "nmItem" />
    
	<label for="categoria"><span class="texto1">Categoria:</span></label>
    <select name="categoria" id="categoria" style=" margin-top: 30px; margin-top: 10px; margin-bottom: 10px;">
        <?php
		
		  require_once ('../Controller/busca_categorias.php');
		  
		  for ($x = 1; $x <= count($categorias); $x++) {
		  	echo '<option value="'.$x.'">'.$categorias[$x].'</option>';
		  }		  
		  ?>
		  </select>
    </select>
	
     <img src="../Content/add.png" id="add_img_novo_item" width="50" 
		height="50" style="padding-left: 100px; padding-top: 60px;" onclick="insereItem();" />
				
</div>
